
/* 主题背景色 */
$primaryColor1: var(--primaryColor1, #000000);
$primaryColor2: var(--primaryColor2, #1c1c1f);
$primaryColor3: var(--primaryColor3, #1b1b1b);

*{padding: 0;margin: 0;box-sizing: border-box;}

html{
    width: 100vw;
}

body{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    background: $primaryColor1;
}

// 状态栏
.status-bar{
    position: fixed;
    top: 0;
    width: 7.5rem;
    height: .80rem;
    background: $primaryColor1;
    z-index: 10;
    img{
        display: block;
        width: 100%;
        height: 100%;
    }
} 

p, span, time, a, h1, h2, h3{
    font-size: .24rem;
    font-weight: lighter;
}

a{
    text-decoration: none;
}

input{
    border: none;
    background: $primaryColor2;
    outline: none;
}

li{
    list-style: none;
}

// 预设样式
.text-h2{
    color: white;
    font-size: .28rem;
}

.text1{
    color: #999999;
    font-size: .24rem;
}

.text-a{
    font-size: .26rem;
    color: #d97d2a;
}

.el-col {
    min-height: 1px
}

// 页面基本背景色
.index-container,.class-container{background: $primaryColor1;}

// 首页-搜索框颜色
.index-serch-bar{
    .serch{background: $primaryColor2;}
}

// 首页-热展颜色
.hot-content{
    background: $primaryColor3;
}

// 首页-推荐画展背景色
.exhibition-box{
    background: $primaryColor3;
}

// 导航背景色
.nav{
    background: $primaryColor1;
}
// 导航占位元素
.seat{
    height: 2rem;
}

// 首页标题样式
.indextitle{
    height: 1.62rem;
    position: relative;
    img{
        display: block;
        width: 2.29rem;
        height: .6rem;
        position: absolute;
        left: .45rem;
        top: .501rem;
    }
    .details{
        display: inline-block;
        height: 100%;
        position: absolute;
        right: .3rem;
        svg{
            margin-top: .81rem - .35rem;
            width: .45rem;
            height: .70rem;
        }
    }
}